<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>主页面</title>
  <!-- 注意: 被import的页面的js会被顺序执行, 相当于defer, 会增加DOMContentLoaded的时间 -->
	<link rel="import" href="./stuff.html"> 
	<link rel="import" href="./ele.html">
</head>
<body>
<script>
	 //for(;i<100000000;i++){}
</script>
 <p> 这个页面会import 其他的html </p>
 <say-hi name="levy"></say-hi>
 <shadow-ele><div>I'm in linght dom</div></shadow-ele>
 <div id="container"></div>
 <script>
   // 在setTimeout里, js不会第一时间执行, 就算是IIFE也不能
   setTimeout(function(){
     //alert($link.id) // 执行时才报错, 证明了上面的观点

    (function(){
	   var link = document.querySelector('link[rel="import"]');
	   // Clone the <template> in the import.
	   var template = link.import.querySelector('template'); // import属性得到被import的document
	   var clone = document.importNode(template.content, true); // template.content得到template的节点内容

	   document.querySelector('#container').appendChild(clone);
		})()
	 }, 2000)

	 window.onbeforeunload = function() { document.write('')}
 </script>
</body>
</html>
